<template>
  <div>

    <div style="display: flex; justify-content: center;">
      <el-row type="flex" style="width: 50%; margin-top: 10px;">
        <el-button icon="el-icon-back"
                   @click="$router.push(`/worker/mytasks/execdetail/${$route.params.taskid}`)"
                   plain
        >
          返回任务</el-button>
      </el-row>
    </div>

    <submit-report-component class="report-submit-box" @submitted="$router.push('/worker/mytasks/executing')"></submit-report-component>

  </div>
</template>

<script>
import SubmitReportComponent from "@/components/new/submit-report/SubmitReportComponent";


export default {
  name: 'SubmitReport',
  components: {SubmitReportComponent},
}
</script>


<style scoped>

.report-submit-box {
  border: 1px solid #DCDFE6;
  width: 45%;
  margin: 10px auto;
  padding: 35px 35px 15px 35px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0 0 8px #909399;

  background-color: #fff;
}


.btn, a {
  margin-right: 20%;
}
</style>
